<template>
    <div class="box1">
        <template v-for="(item,index) in navs">
            <div class="box2" :key="index"></div>
            {{item.name}}
            <template v-if="index<navs.length-1">
                /
            </template>
        </template>
    </div>
</template>

<script>
export default {
    props: ["navs"]
}
</script>

<style lang="less" scoped>
.box1 {
    display: flex;
    margin-bottom: 10px;

    .box2 {
        cursor: pointer;
    }
}
</style>